<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@include file="/common/global.jsp"%>
<html>
<head>
<title>个人记帐</title>
<link rel="stylesheet" type="text/css" href="${staticPath}/resources/css/reset.css"/>
<link rel="stylesheet" type="text/css" href="${staticPath}/resources/css/core.css"/>
<link rel="stylesheet" type="text/css" href="${staticPath}/resources/css/tree_tabs.css"/>
<%--<script type="text/javascript" src="${staticPath}/resources/js/jquery-1.7.2.js"></script>--%>
    <%@include file="/common/com.jsp"%>
<!--  头部导航 start  -->
<script type="text/javascript">

$(function(e){
	
	var startTop = $("#top_nav_fixed").offset().top;
	
	
		
	$(window).scroll(function(e){
		
		var scrollLong = $(document).scrollTop();
		
		if(scrollLong > 27){
			
			$("#top_nav_fixed").css("position","fixed");
			$("#top_nav_fixed").css("top","0");
			
		}else if(scrollLong <=27){
			$("#top_nav_fixed").css("position","fixed");
			$("#top_nav_fixed").css("top","");
			$("#top_nav_fixed").css("top","27");			
		}
	});	
});
</script>   <!--  头部导航 end  -->

</head>

<body>

<!-- 顶端top头开始-->
<div class="top">
	<div>
    	<ul>
            <c:if test="${sessionScope.user==null}" var="u">
                <li class="top_regist"><a href="#">注册</a></li>
                <li><a href="#">登陆</a><span>|</span></li>
            </c:if>
            <c:if test="${!u}">
                <li><a href="${path}/front/logout">退出</a><span>|</span></li>
                <li class="top_regist"><a href="${path}/user/index">${sessionScope.user.username}</a></li>

            </c:if>
            <li><a href="#">帮助</a><span>|</span></li>
            <li><a href="#">贷款</a><span>|</span></li>
            <li><a href="#">理财</a><span>|</span></li>
           	<li><a href="${path}/jizhang/index">记账</a><span>|</span></li>
        <%--	<li><a href="${path}/index"><img src="${staticPath}/resources/image/icon/home.png"/>首页</a><span>|</span></li>--%>

      </ul>  
  </div>



</div>
<!-- 顶端top头结束-->


<!-- 中部 -->
<div class="wrap">
	<!-- 头部导航区 -->
	<div class="nav" id="top_nav_fixed">
    	<div class="nav_left">
        	<%--<img src="${staticPath}/resources/image/logo_core.png"/>--%>
        </div>
    	<div class="nav_right">
        	<ul>
                <li><a href="${path}/bbs/index">社区</a></li>
                <li><a href="${path}/report/index">报表</a></li>
                <li><a href="${path}/front/accountlist">账户</a></li>
                <li><a href="${path}/jizhang/index">记账</a></li>
            	<li><a href="#">概览</a></li>
             	
             
             
                
            </ul>       
        </div>
    </div><!-- 头部导航区结-->
    
    <!-- 内容区 start -->
    <div class="content">
    	<!-- tab container  开始   -->
         <div id="notice" class="notice" style="width:1000px;margin:0 auto;">
            <!-- tab卡开始 -->
            <div id="notice-tit" class="notice-tit" 
            style="width:180px;float:left;min-height:1000px;_height:1000px;">
                <ul>
                    <li><a href="#">总账</a></li>
                    <c:forEach var="item" items="${acountMapList}">
                       <c:if test="${item.key=='应付款项'}" var="flag">
                        <li><a href="#">负债账户</a></li>
                       </c:if>
                        <c:if test="${!flag}">
                            <li><a href="#">${item.key}</a></li>
                        </c:if>
                    </c:forEach>
                </ul>
            </div><!-- tab卡结束 -->
            <!-- tab内容开始 -->
            <div id="notice-con" class="notice-con" 
            		style="width:820px;float:left;min-height:1000px;_height:1000px;">
                <!-- 总账 -->
                <div class="mod" style="display:none;margin-left:20px;">
                    <h1 style="font-size:24px;min-width:150px;display: inline-block;text-align: center;">总资产</h1>
                    <h1 style="font-size:24px;min-width:150px;display: inline-block;text-align: center;">总负债</h1>
                    <h1 style="font-size:24px;min-width:150px;display: inline-block;text-align: center;">净资产</h1>
                    <ul style="font-size:9px;margin-top:30px;height:50px;">
                        <li style="float:left;min-width:150px;height:50px;text-align: center;">

                            <font style="font-size:24px;"><fmt:formatNumber value="${sumcaiwu.sumZaiCan}" pattern="#,#00.00#"/></font>
                        </li>
                        <li style="float:left;min-width:150px;height:50px;text-align: center;">

                            <font style="font-size:24px;color:red;"><fmt:formatNumber value="${sumcaiwu.sumFuZai}" pattern="#,#00.00#"/></font>
                        </li>
                        <li style="float:left;min-width:150px;height:50px;text-align: center;">

                            <font style="font-size:24px;color:green;"><fmt:formatNumber value="${sumcaiwu.realZaiCan}" pattern="#,#00.00#"/></font>
                        </li>

                    </ul>




                </div>  <!-- 总账 -->

            	<!-- 支出开始 -->
                <c:forEach var="item" items="${acountMapList}">
                    <c:set var="key" value="${item.key}"></c:set>
                    <div class="mod" style="display:none;margin-left:20px;">
                        <c:forEach items="${everysum}" var="every">
                            <c:if test="${every.accounttype==key}">
                              <%--  <h1 style="font-size:24px;">现金账户</h1>
                                <ul style="font-size:9px;margin-top:30px;height:50px;">
                                    <li style="float:left;width:150px;height:50px;">
                                        余额<br />
                                        <font style="font-size:24px;">${every.remainMoney}</font>
                                    </li>
                                    <li style="float:left;width:150px;height:50px;">
                                        流入<br />
                                        <font style="font-size:24px;color:red;">${every.inMoney}</font>
                                    </li>
                                    <li style="float:left;width:150px;height:50px;">
                                        流出<br />
                                        <font style="font-size:24px;color:green;">${every.outMoney}</font>
                                    </li>--%>
                                 <%--   <li style="float:right;width:150px;height:50px;line-height:50px;">

                                        <a href="#" class="addAccount" >+添加账户</a>
                                    </li>--%>
                              <%--  </ul>--%>
                            </c:if>
                        </c:forEach>
                        <!-- 列出分账户 -->
                        <c:forEach var="list" items="${item.value}">
                              <ul style="margin-top:20px;">
                            <li style="width:810px;height:150px;border:#CCC solid 1px;">
                                <p style="width:200px;
                        	float:left;height:130px;margin-left:20px;margin-top:20px;">
                                        ${list.name}<br />
                                    <span style="margin-top:80px;display: inline-block;">
                              <%--  <a href="#">删除</a>--%>
                                <a href="${path}/front/account/update?id=${list.id}">修改余额</a>
                            </span>


                                </p>
                                <p style="width:150px;float:right;height:150px;">
                                    <span style="margin-top:20px;display: inline-block;">
                                        余额
                                        <font style="font-size:10px;"> ${list.remainMoney}</font>
                                    </span><br>
                                    <span style="margin-top:20px;display: inline-block;">
                                        流入
                                        <font style="font-size:10px;color:red;">${list.inMoney}</font>
                                    </span><br>
                                     <span  style="margin-top:20px;display: inline-block;">
                                        流出
                                        <font style="font-size:10px;color:green;">${list.outMoney}</font>
                                    </span>
                                </p>

                            </li>


                        </ul>
                        </c:forEach>

                    </div><!-- 支出结束 -->
                </c:forEach>
                <!-- 收入开始 -->
            </div> <!-- tab内容结束 -->

        </div>	<!-- tab container  结束   -->
    </div>  <!-- 内容区结束 -->
</div>  <!-- 中部结束 -->


<!--copyright开始-->
<div class="copyright clearfix" id="copyright">
  <div class="copyright_content">
    <ul>
      <li>关于
        <ul>
          <li>品牌故事</li>
          <li>联系我们</li>
          <li>加入我们</li>
          <li>版权声明</li>
        </ul>
      </li>
      <li>课程
        <ul>
          <li>PHP开发</li>
          <li>前端开发</li>
          <li>JAVA开发</li>
          <li>Android开发</li>
        </ul>
      </li>
      <li>关注
        <ul>
          <li>新浪微博</li>
          <li>腾讯微博</li>
          <li>企业微信</li>
          <li>QQ空间</li>
        </ul>
      </li>
      <li>留言
        <ul>
          <li>意见反馈</li>
          <li>问题留言</li>
          <li>媒体联络</li>
          <li>在线客服</li>
        </ul>
      </li>
      <li><img src="${staticPath}/resources/image/weixin.png" alt="微信关注" width="30" height="27" />微信关注
        <ul>
          <li><img src="${staticPath}/resources/image/qrcode.jpg" alt="扫描关官方微信" width="102" height="102" /></li>
        </ul>
      </li>
    </ul>
  </div>
  <!--copyright_content结束--> 
</div>  <!--copyright结束-->


<!-- tab 选项卡切换 start  -->
<script type="text/javascript" src="${staticPath}/resources/js/tabs.js"></script>


<script type="text/javascript" src="${staticPath}/resources/js/datetime.js"></script>










</body>
</html>
